﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
   <!-- <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> -->
    <link href="@Url.Content("~/Content/ContentPagesStyle.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/SiteStyle.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/cupertino-jquery-ui.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.17.min.js")" type="text/javascript"></script>
  <!-- <script src="@Url.Content("~/Scripts/modernizr-1.8.17.min.js")" type="text/javascript"></script> -->
    <script src="@Url.Content("~/Scripts/UI-Design-Scripts/contentPage.js")" type="text/javascript"></script>
    <title>Photo Album Guest Page</title>
</head>
<body>

    <header class="topmenu">
        <div class="EnheimLogo">
            <span id="Enheim">Enheim</span> <span id="gallery">gallery</span>
        </div>
        <!--
        Here comes the log out button
        -->
        <a href="" id="signUpButton">Sign up</a>
    </header>
    <div id="arena">
        <nav id="dropMenu">
            <h4>
                <a href="#">Randoms</a></h4>
            <div id="randoms">
                <p>
                    <ul>
                        <li><a class="" href="">Random Photo</a> </li>
                        <li><a class="" href="">Random Gallery</a> </li>
                    </ul>
                </p>
            </div>
            <h4>
                <a href="#">Statistics</a></h4>
            <div id="statistics">
                <p>
                    <ul>
                        <li><a class="" href="">User Activity</a> </li>
                        <li><a class="" href="">Photo Uploads</a> </li>
                    </ul>
                </p>
            </div>
            <h4>
                <a href="#">Find User</a></h4>
        </nav>

        <section id="contentDiv">
            <div id="tabbedContent">
                <ul>
                    <li><a href="#randomGallery">Ivan Petrov's Landscapes </a></li>
                    <!--These list items show the content title
                    Pattern:
                    <li><a href="#@ContentDiv ">@ViewBag.Title </a></li>
                    -->
                </ul>
                <!--
                Here come the open tabs content
                Pattern:
                <div id="ContentDiv">
                    <div class="categoryPresentation">
                      
                       four items per row 
                       CategoryPresentation.cshtml
                    </div>
                </div>
                -->
                <div id="randomGallery">
                    <div class="categoryPresentation">
                       <!--
                       four items per row 
                       CategoryPresentation.cshtml
                       -->
                     
                    </div>
                </div>
                <div id="userActivity" class="statisticsTable">
                    <div class="paging">
                        <a onclick="">1</a>
                    </div>
                </div>
                <div id="photoUploads" class="statisticsTable">    
                     <div class="paging">
                        <a onclick="">1</a>
                    </div>
                </div>
                <div id="randomPhoto">
                    
                </div>
                <div id="findUser">
                   
                </div>
            </div>
        </section>
    </div>
</body>
</html>
